/**
 * Created by xiaom on 2016/10/29.
 */
import React, {Component, cloneElement} from 'react';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import {blue500} from 'material-ui/styles/colors';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

const Theme = getMuiTheme({
  appBar: {
    height: 50
  },
  palette: {
    accent1Color: blue500,
  },
  stepper: {
    iconColor: '#1AAD19',
    textColor: '#1AAD19'
  }
});

export default class App extends Component {
  render() {
    const _this = this;
    return (
      <MuiThemeProvider muiTheme={Theme}>
          {cloneElement(_this.props.children, {
            key: _this.props.location.pathname
          })}
      </MuiThemeProvider>
    );
  }
}
